var act = document.querySelector("#acts")
var language = document.querySelector(".language")
act.onclick = function() {
	language.classList.toggle("hide")

}

var one = document.querySelector("#one")
var two = document.querySelector("#two")
var three = document.querySelector("#three")
one.onclick = function() {
	act.innerHTML = this.innerHTML
	language.classList.add("hide")
}

two.onclick = function() {
	act.innerHTML = this.innerHTML
	language.classList.add("hide")
}

three.onclick = function() {
	act.innerHTML = this.innerHTML
	language.classList.add("hide")
}


var btn2 = document.querySelector(".btn2")
var inp3 = document.querySelector("#inp3")
var inp4 = document.querySelector("#inp4")
var inps = inp3.value
var inpss = inp4.value
inp3.onclick = function() {
	if (inps == "") {
		btn2.style.backgroundColor = "#2ad181"
		btn2.style.cursor = "pointer"
	}
	if (inps !== "") {
		btn2.style.backgroundColor = "#c0f1d9"
		btn2.style.cursor = "not-allowed"
	}
}
var cu = document.querySelector("#cu")
var ru = document.querySelector("#ru")
var yan = document.querySelector(".yanzen")
var mima = document.querySelector(".mima")
cu.onclick = function() {
	yan.classList.remove("hide")
	mima.classList.add("hide")
}

ru.onclick = function() {
	yan.classList.add("hide")
	mima.classList.remove("hide")
}

inp4.onclick = function() {
	if (inpss == "") {
		btn2.style.backgroundColor = "#2ad181"
		btn2.style.cursor = "pointer"
	}
	if (inpss !== "") {
		btn2.style.backgroundColor = "#c0f1d9"
		btn2.style.cursor = "not-allowed"
	}
}

var eye1 = document.querySelector("#eye1")
var eye2 = document.querySelector("#eye2")

eye1.onclick = function() {
	eye1.classList.add("hide")
	eye2.classList.remove("hide")
	inp4.setAttribute("type", "text")
}
eye2.onclick = function() {
	eye2.classList.add("hide")
	eye1.classList.remove("hide")
	inp4.setAttribute("type", "password")
}
var menu = document.querySelector(".menu")
var menu2 = document.querySelector(".menu2")
var sao = document.querySelector("#sao")
var sao2 = document.querySelector("#sao2")
var hao = document.querySelector("#hao")
var hao2 = document.querySelector("#hao2")

sao.onclick = function() {
	menu.classList.add("hide")
	menu2.classList.remove("hide")
}
sao2.onclick = function() {
	menu.classList.add("hide")
	menu2.classList.remove("hide")
}
hao.onclick = function() {
	menu2.classList.add("hide")
	menu.classList.remove("hide")
}
hao2.onclick = function() {
	menu2.classList.add("hide")
	menu.classList.remove("hide")
}
